<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>首页</title>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="css/index_center.css"/>
		<!-- 引入插件 -->
		<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="container">
			<!-- 1.存放网页所有内容 -->
			<!-- 2.将头部划分好区域 -->
			<div id="header">
				<div id="header-top">
					<div id="logo">
						<a href="#"></a>
					</div>
					<div id="car">
						<!-- 购物车 -->
						<ul>
							<li><a href="#" class="pic"></a></li>
							<li><a href="#" class="text">购物车</a></li>
							<li><a href="#" class="pic pic2"></a></li>
							<li><a href="#" class="text">帮助中心</a></li>
							<li><a href="#" class="pic pic3"></a></li>
							<li><a href="#" class="text">加入收藏</a></li>
							<li><a href="#" class="pic pic4"></a></li>
							<li><a href="#" class="text">设为首页</a></li>
							<li><a href="#" class="pic pic5">注册</a></li>
							<li><a href="#" class="pic pic5">登录</a></li>
						</ul>
					</div>
					<div id="welcome">
						<!-- 欢迎文字 -->
						<spen>欢迎回来</spen>
						<spen id="time">2020-09-25 18:11:11</spen>
					</div>
				</div>
				<div id="header-nav">
					<!-- 导航部分 -->
					<ul class="nave">
						<li><a href="#">首　页</a></li>
						<li><a href="#">家用电器</a></li>
						<li><a href="#">手机数码</a></li>
						<li><a href="#">日用百货</a></li>
						<li><a href="#">书籍</a></li>
						<li><a href="#">帮助中心</a></li>
						<li><a href="#">全球资讯</a></li>
						<li><a href="#">免费开店</a></li>
					</ul>
					<ul class="soso">
						<li><input type="text" id="content" value="" /></li>
						<li><input type="button" onclick="soso()" id="" value="" /></li>
					</ul>
				</div>
				
			</div>
		
			<!-- 1.中间部分 -->
			<div id="center">
				<div id="center_left">
					<p class="space"></p>
					<!-- 左边 -->
					<div class="content">
						<h1><a href="#">家用电器</a></h1>
						<ul>
							<li><a href="#">大家电</a></li>
							<li><a href="#">洗衣机</a></li>
							<li><a href="#">平板电视</a></li>
							<li><a href="#">电热水器</a></li>
							<li><a href="#">家庭音响</a></li>
							<li><a href="#">热水器</a></li>
							<li><a href="#">空调冰箱</a></li>
							<li><a href="#">冷柜</a></li>
							<li><a href="#">DVD</a></li>
							<li><a href="#">电视附件</a></li>
							<li><a href="#">点燃气灶</a></li>
							<li><a href="#">家电下乡</a></li>
							<li><a href="#">家电服务</a></li>
							<li><a href="#">摄影机</a></li>
							<li><a href="#">电饭煲</a></li>
						</ul>
					</div>
					
					<div class="content">
						<h1><a href="#">家用电器</a></h1>
						<ul>
							<li><a href="#">大家电</a></li>
							<li><a href="#">洗衣机</a></li>
							<li><a href="#">平板电视</a></li>
							<li><a href="#">电热水器</a></li>
							<li><a href="#">家庭音响</a></li>
							<li><a href="#">热水器</a></li>
							<li><a href="#">空调冰箱</a></li>
							<li><a href="#">冷柜</a></li>
							<li><a href="#">DVD</a></li>
							<li><a href="#">电视附件</a></li>
							<li><a href="#">点燃气灶</a></li>
							<li><a href="#">家电下乡</a></li>
							<li><a href="#">家电服务</a></li>
							<li><a href="#">摄影机</a></li>
							<li><a href="#">电饭煲</a></li>
						</ul>
					</div>
					
					<div class="content">
						<h1><a href="#">家用电器</a></h1>
						<ul>
							<li><a href="#">大家电</a></li>
							<li><a href="#">洗衣机</a></li>
							<li><a href="#">平板电视</a></li>
							<li><a href="#">电热水器</a></li>
							<li><a href="#">家庭音响</a></li>
							<li><a href="#">热水器</a></li>
							<li><a href="#">空调冰箱</a></li>
							<li><a href="#">冷柜</a></li>
							<li><a href="#">DVD</a></li>
							<li><a href="#">电视附件</a></li>
							<li><a href="#">点燃气灶</a></li>
							<li><a href="#">家电下乡</a></li>
							<li><a href="#">家电服务</a></li>
							<li><a href="#">摄影机</a></li>
							<li><a href="#">电饭煲</a></li>
						</ul>
					</div>
					
					<div class="content">
						<h1><a href="#">家用电器</a></h1>
						<ul>
							<li><a href="#">大家电</a></li>
							<li><a href="#">洗衣机</a></li>
							<li><a href="#">平板电视</a></li>
							<li><a href="#">电热水器</a></li>
							<li><a href="#">家庭音响</a></li>
							<li><a href="#">热水器</a></li>
							<li><a href="#">空调冰箱</a></li>
							<li><a href="#">冷柜</a></li>
							<li><a href="#">DVD</a></li>
							<li><a href="#">电视附件</a></li>
							<li><a href="#">点燃气灶</a></li>
							<li><a href="#">家电下乡</a></li>
							<li><a href="#">家电服务</a></li>
							<li><a href="#">摄影机</a></li>
							<li><a href="#">电饭煲</a></li>
						</ul>
					</div>
				</div>
				<div id="center_mid">
					<!-- 中间 -->
					<div id="top-ad">
						<ul id="imgs">
							<li><a href="#"><img src="img/images/ad-01.jpg" alt=""></a></li>
							<li><a href="#"><img src="img/images/ad-02.jpg" alt=""></a></li>
							<li><a href="#"><img src="img/images/ad-03.jpg" alt=""></a></li>
							<li><a href="#"><img src="img/images/ad-04.jpg" alt=""></a></li>
						</ul>
						<ul class="num" id="nums">
							<li>1</li>
							<li>2</li>
							<li>3</li>
							<li>4</li>
						</ul>
					</div>
					<div id="creazy_bug">
						<!-- 抢购部分 -->
						<ul>
							<li><a href=""><img src="img/images/Wancom.jpg" alt=""></a></li>
							<li><a href="">亚马逊在线阅读</a></li>
						</ul>
						<ul>
							<li><a href=""><img src="img/images/earphone.jpg" alt=""></a></li>
							<li><a href="">极品耳机</a></li>
						</ul>
						<ul>
							<li><a href=""><img src="img/images/laser-pen.jpg" alt=""></a></li>
							<li><a href="">MP5512投影仪</a></li>
						</ul>
						<ul>
							<li><a href=""><img src="./img/images/Frame.jpg" alt=""></a></li>
							<li><a href="">个性相框</a></li>
						</ul>
						<ul>
							<li><a href=""><img src="img/images/list4.jpg" alt=""></a></li>
							<li><a href="">便携笔记本</a></li>
						</ul>
						<ul>
							<li><a href=""><img src="img/images/mouse.jpg" alt=""></a></li>
							<li><a href="">无线鼠标</a></li>
						</ul>
						<ul>
							<li><a href=""><img src="img/images/promote-1.jpg" alt=""></a></li>
							<li><a href="">移动商务应用笔记本</a></li>
						</ul>
						<ul>
							<li><a href=""><img src="img/images/promote-3.jpg" alt=""></a></li>
							<li><a href="">家庭影院</a></li>
						</ul>
						<ul>
							<li><a href=""><img src="./img/images/notebook.jpg" alt=""></a></li>
							<li><a href="">最新上网本</a></li>
						</ul>
					</div>
				</div>
				<div id="center_right">
					<!-- 右边 -->
					<div id="center_right_t">
						<div class="cover">
							<ul>
								<li><a href="#"><img src="img/1(1).png" alt=""></a></li>
								<li><a href="#">大学要求老师认真上课</a></li>
								<li><a href="#">大学要求学生补作业</a></li>
								<li><a href="#">马上就毕业</a></li>
								<li><a href="#">毕业要拼技术找工作</a></li>
							</ul>
						</div>
						
					</div>
					<div id="center_right_m">
						<ul>
							<li><a href=""><img src="img/show1.jpg" alt=""></a></li>
							<li><a href="">这是一个好产品,快来买啊</a></li>
						</ul>
												
						<ul>
							<li><a href=""><img src="img/show2.jpg" alt=""></a></li>
							<li><a href="">编写程序的电脑，很有用的</a></li>
						</ul>
												
						<ul>
							<li><a href=""><img src="img/show3.jpg" alt=""></a></li>
							<li><a href="">写前端的电脑小程序</a></li>
						</ul>
												
						<ul>
							<li><a href=""><img src="img/show4.jpg" alt=""></a></li>
							<li><a href="">做数据分析或者大数据</a></li>
						</ul>
					</div>
					<div id="center_right_b">
						<div id="center_right_b_t" class="computer">
							<ul>
								<li onclick="showTab('computer')"></li>
								<li onclick="showTab('phone')"></li>
							</ul>
							
						</div>
						<div id="center_right_b_b">
							<div id="content_b">
								<div id="computer">
									<form action="" method="">
										<p>品牌：<select>
											<option value="">华硕</option>
											<option value="">联想</option>
											<option value="">mac</option>
										</select></p>
										<p>尺寸：<select>
											<option value="">14寸</option>
											<option value="">13寸</option>
											<option value="">16寸</option>
										</select></p>
										<p>价格：<select>
											<option value="">4000以下</option>
											<option value="">5000以上</option>
											<option value="">10000以上</option>
										</select></p>
										
										<p id="bt"></p>
									</form>
								</div>
								
								<div id="phone" style="display: none;">
									<form action="" method="">
										<p>运营商：<select>
											<option value="">联通</option>
											<option value="">移动</option>
											<option value="">电信</option>
										</select></p>
										<p>地　区：<select>
											<option value="">广西</option>
											<option value="">广东</option>
											<option value="">河南</option>
										</select></p>
										<p>面　值：<select>
											<option value="">50</option>
											<option value="">100</option>
											<option value="">500</option>
										</select></p>
										
										<p id="bt"></p>
									</form>
								</div>
								
							</div>
					</div>
				</div>
			</div>
		</div>
	
	<div id="index_bottom">
			<ul>
				<li><a href="#">友情链接:</li>
				<li><a href="#">&nbsp;&nbsp;网易&nbsp;&nbsp;</a></li>
				<li><a href="#">|&nbsp;&nbsp;GOOGLE&nbsp;&nbsp;</a></li>
				<li><a href="#">|&nbsp;&nbsp;百度&nbsp;&nbsp;</a></li>
				<li><a href="#">|&nbsp;&nbsp;京东&nbsp;&nbsp;</a></li>
				<li><a href="#">|&nbsp;&nbsp;淘宝&nbsp;&nbsp;</a></li>
				<li><a href="#">|&nbsp;&nbsp;天猫&nbsp;&nbsp;</a></li>
				<li><a href="#">|&nbsp;&nbsp;苏宁易购&nbsp;&nbsp;</a></li>
				<li><a href="#">|&nbsp;&nbsp;拍拍&nbsp;&nbsp;</a></li>
				<li><a href="#">|&nbsp;&nbsp;音乐&nbsp;&nbsp;</a></li>
				<li><a href="#">|&nbsp;&nbsp;闲鱼&nbsp;&nbsp;</a></li>
				<li><a href="#">|&nbsp;&nbsp;微博&nbsp;&nbsp;</a></li>
				<li><a href="#">|&nbsp;&nbsp;微信&nbsp;&nbsp;</a></li>
				<li><a href="#">|&nbsp;&nbsp;完美日记&nbsp;&nbsp;</a></li>
				<li><a href="#">|&nbsp;&nbsp;高姿&nbsp;&nbsp;</a></li>
			</ul>
			<hr>
			<div id="copy">
				<p>Copyright  2020 Faron&copy;2020 Faron</p>
				<p>热线:500820820</p>
				<p>备案号:74001635511</p>
				<p><img src="img/img1.gif" ><img src="img/img2.gif" ><img src="img/img3.gif" ><img src="img/img4.gif" ></p>
				
			</div>
			
		</div>
		
		
		
		</div>
		
		<link rel="stylesheet" type="text/css" href="css/index_ad.css"/>
		<div id="ad_left">
			<div>
			<a href="#"><img src="img/list1.jpg"></a>
			<img src="img/close.gif" onclick="hiddenAd('ad_left')"/>
		</div>
	</div>
	<div id="ad_right">
			<div>
			<a href="#"><img src="img/list2.jpg"></a>
			<img src="img/close.gif" onclick="hiddenAd('ad_right')"/>
		</div>
	</div>
	
	
	</body>
</html> 
